//
//  WBVisitorView.swift
//  Weibo
//
//  Created by FF on 16/12/15.
//  Copyright © 2016年 Cold Wind. All rights reserved.
//

import UIKit

class WBVisitorView: UIView {
    /// 注册按钮
    lazy var rigisterButton: UIButton = UIButton.cz_textButton("注册",
                                                                           fontSize: 16,
                                                                           normalColor: UIColor.orange,
                                                                           highlightedColor: UIColor.black ,
                                                                           backgroundImageName: "common_button_white_disable")
    
    /// 登陆按钮
    lazy var loginButton: UIButton = UIButton.cz_textButton("登陆",
                                                                        fontSize: 16,
                                                                        normalColor: UIColor.darkGray,
                                                                        highlightedColor: UIColor.black ,
                                                                        backgroundImageName: "common_button_white_disable")

    
    
    /// MARK: - 设置访客视图信息
    /// [imageName: message]
    ///  提示： 如果是首页  imageName == ""
    var visitorInfo: [String: String]? {
        didSet{
            // 1 > 去字典信息
            guard let imageName = visitorInfo?["imageName"],
                let message = visitorInfo?["message"] else {
                    return
            }
            // 2 > 设置消息
            tipLabel.text = message
            
            // 3 > 设置图像
            if imageName == "" {
                startAnimatin()
                return
            }
            iconView.image = UIImage(named: imageName)
            
            // 首页之外的其他控制器不需要显示小房子和遮罩
            houseIconView.isHidden = true
            maskIconView.isHidden = true
        }
    }
    
    /// MARK: - 构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    
    /// 旋转图标动画（首页）
    private func startAnimatin(){  // FIXME: - 动画核心控件！！ 不熟悉，以后找资料学习
        let anim = CABasicAnimation(keyPath: "transform.rotation")
        anim.toValue = 2 * M_PI
        anim.repeatCount = MAXFLOAT  // 动画重复次数 MAXFLOAT代表永远重复
        anim.duration = 15  // 动画持续时间
        
        // 动画完成不删除，如果 IconView 被释放，动画会一起销毁！
        // 在设置联系东方的动画非常用用！
        anim.isRemovedOnCompletion = false
        // 在UI图层里加动画
        iconView.layer.add(anim, forKey: nil)
        
    }
    
    // MARK: - 私有控件
    /// 懒加载属性只有调用 UIKIT 控件的指定构造函数不需要指定类型，其他的都需要指定类型
    /// 图像视图
    fileprivate lazy var iconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_smallicon"))
    /// 遮罩
    fileprivate lazy var maskIconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))
    /// 小房子
    fileprivate lazy var houseIconView: UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))
    /// 提示标签
    fileprivate lazy var tipLabel: UILabel = UILabel.cz_label(withText: "关注一些人，回这里看看有什么惊喜关注一些人，回这里看看有什么惊喜",
                                                 fontSize: 14,
                                                 color: UIColor.darkGray)
 }

// MARK: - 设置界面
extension WBVisitorView {
    func setupUI() {
        //self.backgroundColor = UIColor.cz_color(withHex: 0xEDEDED)
        self.backgroundColor = #colorLiteral(red: 0.9294117647, green: 0.9294117647, blue: 0.9294117647, alpha: 1)
        // 1. 添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(rigisterButton)
        addSubview(loginButton)
        
        // 设置文本居中
        tipLabel.textAlignment = .center
        
        // 2. 取消autoresizing 
        //autoresizing 和 autolayout 不能共存，纯代码默认是 autoresizing ， XIB 默认是 autolayout
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        // 3. 纯代码自动布局
        //  1> 图像视图
        //
        
        addConstraint(NSLayoutConstraint(item: iconView,        // 视图
                                         attribute: .centerX,   // 约束属性
                                         relatedBy: .equal,     // 约束关系
                                         toItem: self,          // 参照视图  如果只自定宽高，参照设为nil
                                         attribute: .centerX,   // 参照属性 如果只自定宽高，参照属性.notAnAttribute
                                         multiplier: 1.0,       // 乘积
                                         constant: 0))          // 约束数值 + 长度
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: -60))
        // 2> 小房子
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: -5))
        // 3> 提示标签

        let margin: CGFloat = 20.0
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 236))
        // 4> 注册按钮
        addConstraint(NSLayoutConstraint(item: rigisterButton,
                                         attribute: .left,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .left,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: rigisterButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: rigisterButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))
        // 5> 登陆按钮
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .right,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .right,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))
        
        // 6> 遮罩
        // viewDict: 定义 VFL 中 [] 控件名称和实际名称的对应关系
        let viewDict = ["maskIconView": maskIconView,
                        "loginButton": loginButton] as [String : Any]
        // metrics: 定义 VFL 中 () 指定的常数对应关系
        let metrics = ["spacing": -39]
        // 连续布局，不合适居中对齐，如果想设置居中对齐，用NSLayoutConstraint构造函数的方法比较方便
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIconView]-0-|",  // VFL公式
                                                      options: [],
                                                      metrics: nil,
                                                      views: viewDict))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[maskIconView]-(spacing)-[loginButton]",
                                                      options: [],
                                                      metrics: metrics,
                                                      views: viewDict))
        
    }
}

